<template>
  <div class="tabs-root">
    <vTabs :tabsData="tabsData"/>
  </div>
</template>

<script>
import vTabs from '@/components/VTabs/vTabs.vue';
import example from '@/views/example/index.vue';
import riskHazard from '@/views/xy/riskManager/cityRisk/riskHazard/index';
import riskPatrolPlan from '@/views/xy/riskManager/cityRisk/riskPatrolPlan/index';

export default {
  name: "tabs",
  components: {
    vTabs
  },
  data() {
    return {
      tabsData:[
        {label:'范例', content:example},
        {label:'风险隐患上报', content:riskHazard},
        {label:'排查任务管理', content:riskPatrolPlan},
      ]
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.tabs-root {
  height: 100%;
}
</style>
